﻿/*Override Jquery*/
.ui-tabs{ border: none;padding: 0px;}
.ui-tabs >.ui-widget-content{ border: none !important;}

/*Common*/
* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 12px;
    padding: 0px;
}

table{ border-collapse: collapse;}

table td{
    padding: 5px 10px;
}

button {
    padding: 3px 5px;
}

input[type=text],select,textarea{
    width:180px;
}

input.short[type=text] {
    width:90px;
}

input[type=date]{width:140px;}

nav {
    height: 30px;
    border-bottom: 1px solid #C9D7F1;
    margin-bottom: 10px;
}

nav a {
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
    padding: 5px 10px;
}

nav a:hover {
    text-decoration: underline;
    color: red;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.margin-right {
    float: right;
}


.dynatree-container {
    border: none;
}

/*icon*/
.icon {
    width: 26px;
    height: 26px;
}

.collapse-expand{
    width: 26px;
    padding: 0px;
    text-align: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

.right_circular {
    background: url('../Images/right_circular.png');
    border: none;
    padding: 0px;
}

#splitter {
    height: 600px;
    border: 1px solid #aaa;
}

.vsplitbar {
    width: 5px;
    background: rgb(98,154,197);
    z-index: 0 !important;
}

.hsplitbar {
    height: 5px;
    background: rgb(98,154,197);
    z-index: 0 !important;
}

#leftPanel {
    z-index: 100 !important;
}

/* Styles specific to this particular page */
.scroll-panel {
    overflow: auto;
}

/*Style for screen "Rule editor base"*/
#rule-editor-base .header .style-line {
    float: left;
    width: 670px;
}

#rule-editor-base .header .skin {
    float: left;
    width: 400px;
}

#rule-editor-base .header .version {
    float: right;
}

#rule-editor-base #splitter {
    margin: 20px 0px 0px 0px;
}

/*Style for screen "Order from test 2"*/
#order-form-test2 .lelf-panel {
    width: 225px;
    float: left;
}

#order-form-test2 .lelf-panel button {
    padding: 0px !important;
}


#order-form-test2 .lelf-panel .dynatree-container {
    border: 1px solid #aaa;
}

#order-form-test2 .right-panel {
    width: 1094px;
    float: left;
    margin-left: 10px;
}

.list-checkbox-container {
    border: 1px solid #333;
}

.lelf-panel .ui-button-text-only .ui-button-text {
    padding: 5px 5px;
}


.lelf-panel .commanline2 {
    margin: 5px 0px;
}


#order-form-test2 .right-panel .left-table, #order-form-test2 .right-panel .right-table {
    width: 500px;
}

#order-form-test2 .right-panel .left-table {
    float: left;
}

#order-form-test2 .right-panel .right-table {
    float: left;
}

#order-form-test2 .right-panel .command {
    text-align: center;
}

#order-form-test2 #tab-line-items .search {
    width: 200px;
    float: left;
}

.search input {
    width: 180px;
}

.search .ui-button-text-only .ui-button-text {
    padding: 5px 5px;
}

#order-form-test2 #tab-line-items .grid {
    width: 800px;
    float: right;
}

#order-form-test2 #tab-line-items .grid .command {
    text-align: left;
}

/*Login page*/
#loginForm {
    text-align: center;
    font-size: 16px;
    margin-top: 100px;
}

#loginForm fieldset {
    padding: 20px;
    margin: 0px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 300px;
}

#loginForm fieldset table td {
    padding: 5px;
}

#loginForm fieldset table td input {
    width: 180px;
    display: block;
}

.validation-summary-errors, .field-validation-error {
    color: red;
}

#loginForm .forgot-password {
    margin-top: 20px;
    margin-bottom: 20px;
}

#loginForm .forgot-password a {
    text-decoration: none;
}

#loginForm button{
    padding: 2px 15px;
    float: right;
    margin-right: 0px;
}

#loginForm .version {
    text-align: right;
    padding: 10px 20px;
}

/*menu*/

.menu{
    background: rgb(191,219,255);
    z-index: 100000;
}

.menu *{
    z-index: 100000;
}

.menu > img {
    height: 55px;
    position: absolute;
}
.menu .menu-header {
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    background: rgb(219,226,237);
}

.menu .menu-header .program-name {
    margin-left: 125px;
}

.menu .menu-header .connection-status {
    margin-right: 50px;
    text-transform: lowercase;
}

.menu ul.topnav {
    list-style: none;
    float: left;
    width: 100%;
    font-size: 1.2em;
    background: rgb(191,219,255);
}

.menu ul.topnav > li:first-child {
    margin-left: 110px;
}

.menu ul.topnav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base--*/
}

.menu ul.topnav li a {
    padding: 10px 5px;
    color: #000;
    display: block;
    text-decoration: none;
    float: left;
}


.menu ul.topnav li ul.subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0;
    top: 35px;
    background: rgb(202,224,255);
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    min-width: 170px;
    border: 1px solid #888;
    border-top: none;
}

.menu ul.topnav li ul.subnav li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #888;
    clear: both;
    min-width: 170px;
}

.menu ul.topnav li ul.subnav li a {
    float: left;
    min-width: 145px;
    padding-left: 20px;
}

.menu ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: rgb(145,191,225);
}

.menu ul.topnav > li > a {
    text-transform: uppercase;
}

.menu ul.topnav .right {
    float: right;
}


/*Page: Add new client*/ 

#add-new-client-main-splitter {
    height: 600px;
}

.client-tree {
    border: none;
    height: 400px;
}

#splash-screen .message-panel {
    width: 48%;
    margin: 20px 0px 0px 20px;
    text-align: center;
}

#splash-screen .message-panel .message {
    text-align: left;
    margin-left: 20px;
    margin-top: 40px;
}

#splash-screen .message-panel .not-is-current-user {
    margin: 10px;
}

#splash-screen .recent-quotes-panel {
    margin: 20px 20px 0px 0px;
    width: 48%;
}

#splash-screen .recent-quotes-panel h1 {
    text-align: center;
}

#splash-screen .recent-quotes-panel .list-quotes p{
    text-decoration: underline;
    margin-left: 183px;
}

#add-new-client-screen table td {
    padding: 5px 10px;
}

#tblClient {
    float:left;
}

#tblClient1 {
    float:left;width:200px;
}
#tblShipAddress {
    float:left
}
#add-new-client-screen button.submit-order {
    margin-top:30px;
}

#tab-header .splitter{ 
    height: 435px;
}

#tblHeader {
     border-collapse: collapse;
}

#tblHeader th, #tblHeader td {
     border: 1px solid #aaa;
}

#tblHeader thead th {
     font-weight: bold;
}

#tblHeader tbody td {
     padding: 1px 5px;
}

#add-new-client-screen .right-panel .command {
    text-align: center;
}


#add-new-client-screen #tab-line-items .search {
    width: 250px; /* related to #add-new-client-screen #tab-line-items .grid*/
    float: left;
}

#add-new-client-screen #tab-line-items .grid {
    margin-left: 260px;
    
}

#add-new-client-screen #tab-line-items .grid .command {
    text-align: left;
    
}

#add-new-client-screen .messagelog{
    padding: 0px 5px;
}

.home-theme {
    margin-top: 30px;
    margin-left: 10px;
}

.home-theme select {
     padding: 0.4em 1em;
}

.grid-view-container .header{ height: 0px;}
.acc-mod{ margin-top: 20px;}
#tab-line-items .order-tree{ margin-top: 20px;}